<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员个人信息中心</title>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="../js/jquery-1.12.4.js" type="text/javascript"></script>
    <script src="../js/axios.min.js" type="text/javascript"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
    <div id="app">
        <el-button @click="updateInfo" type="primary">修改个人信息</el-button>

        <el-descriptions title="个人信息">
            <el-descriptions-item label="真实姓名">{{accountInfo.accountRealName}}</el-descriptions-item>
            <el-descriptions-item label="手机号">{{accountInfo.accountPhone}}</el-descriptions-item>
            <el-descriptions-item label="身份证">{{accountInfo.accountIdCard}}</el-descriptions-item>
            <el-descriptions-item label="性别">{{accountInfo.accountSexName}}</el-descriptions-item>
        </el-descriptions>

        <el-dialog
                title="修改个人信息"
                :visible.sync="showInfo"
                width="50%">
            <el-input placeholder="请输入真实姓名" v-model="updateObj.accountRealName">
                <template slot="prepend">真实姓名</template>
            </el-input>
            <el-input placeholder="请输入手机号" v-model="updateObj.accountPhone" disabled>
                <template slot="prepend">手机号</template>
            </el-input>
            <el-input placeholder="请输入身份证" v-model="updateObj.accountIdCard">
                <template slot="prepend">身份证</template>
            </el-input>
            性别:<el-select  v-model="updateObj.accountSex" placeholder="性别">
                <el-option
                        v-for="item in gender"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>

            <el-button @click="showInfo=false">取 消</el-button>
            <el-button type="primary" @click="modify">确 定</el-button>
            </span>
        </el-dialog>


    </div>

    <script src="../js/accountInfo.js" type="text/javascript"></script>

</body>
</html>